<!--首页-大V说量化-->
<template>
  <div class="article bg2" @click="click">
    <text class="font30 text2 title all" v-if="article.title">{{T(article.title)}}</text>
    <div class="height10" v-if="article.title && article.content"></div>
    <text class="font24 text3 text all" v-if="article.content">{{T(article.content)}}</text>
  </div>
</template>

<style src="@/_css/style.css" ></style>
<style scoped>
.article{
  overflow:hidden;
  flex-direction: column;
  border-radius: 24px;

  padding: 40px;
}
.title {
  lines: 1;
  text-overflow: ellipsis;
}
.text{
  line-height: 32px;
  lines: 2;
  text-overflow: ellipsis;
}
</style>

<script>

import I18N from "@/_i18n/i18n";
var T = I18N.t;
export default {
  props:{
    article:{
      type:Object,
      default:undefined,
    },
  },

  data() {
    return {
      T:T
    };
  },

  created() {
    
  },

  methods: {
    /********************************** 点击触发*/
    //大V说量化点击
    click(){
      this.$emit("click", this.article.linkUrl);
    }
  }
}
</script>

